.top-content{
    width:100%;
    height:2.5rem;
    display:flex;
    justify-content: center;
    line-height:  2.5rem;
}
.menu-wrap {
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    background: #ffffff;
    display:  block;
    border-bottom:  1px solid #cccccc;
    position: relative;
}
.menu-wrap .more{
    position: absolute;
    right:  0;
    top:0.2rem;
    color:#ff0808;
  background: url("../images/more-icon1.png") no-repeat center center;
  background-size: 100% 100%;
  height:2rem;
  width: 2rem;
}
.menu-wrap-layer2 {
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
}
.menu-list {
    display: block;
    white-space: nowrap;
    transition-duration: 0ms;
    transform: translateX(0px);
    width: 90%;
    display:  flex;
    overflow-x:  scroll;
}
.menu-list-item {
    display:block;
    height:2.5rem;
    background: #ffffff;
    line-height:2.5rem;
    text-align: center;
    width:5rem;
    float:left;
    position:  relative;
}
.menu-list-item span.active{
    color:#ff0808;
}
.menu-list-item:first-child .icon{}
.menu-list-item .icon{
    width:1rem;
    height:3px;
    background:#ff0808;
    display:inline-block;
    position:absolute;
    bottom:  0;
    left:  50%;
    margin-left:  -0.5rem;
}
.menu-list-item span {
    display: inline-block;
    width: 4.8rem;
    text-align: center;
}

.top-content .input-info{
    width:16rem;
    height:1.5rem;
    background:#ffffff;
    border-radius:5px;
    margin-top:0.5rem;
    display:flex;
}
.top-content .input-info .search-input{
    height: 10px;
    border: none;
}
.top-content .input-info .icon{
    background:url("../images/search-icon.png") no-repeat center center;
    background-size:100% 100%;
    display:block;
    width:0.75rem;
    height:0.75rem;
    margin-top:0.3rem;
    margin-left:0.5rem;
    margin-right:0.25rem;
}
.discount-content .discount-contentin{
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.5rem;
    bottom: 0;
    overflow: scroll;
}
.top-content .cancle{
    color:#999999;
    margin-left:0.5rem;
}
.tab-content{
    width:100%;
    overflow:hidden;
    background:#ffffff;

}
.tab-content-in{
    display: none;
    width:96%;
    margin:0 auto;
    position:relative;
    justify-content:center;
    margin-top:1rem;
}
.tab-content-in:first-child{
    display: block;

}
.tab-content-in .same-box{
    width:100%;
    height:auto;
    position:relative;
    float:  left;
}
.tab-content-in .same-box .top{
    width:3.5rem;
    height:3.5rem;
    background:#e4fedd;
    margin:0 auto;
}
.tab-content-in .same-box .top img{
    width:100%;
    height:100%;
}
.tab-content-in .same-box .bottom{
    height:2rem;
    line-height:2rem;
    text-align:center;
    color:#666666;
}
.part-2{
    width:100%;
    margin-top:0.5rem;
    overflow:hidden;
}
.part-2 .top-nav{
    width:100%;
    height:2.5rem;
    background:#ffffff;
    line-height:2.5rem;
    display:flex;
}
.part-2 .top-nav .list-li{
    width:25%;
    height:2.5rem;
    text-align:center;
    color:#333333;
}
.part-2 .top-nav .list-li.active{
    color:#ff0808;
}
.part-2-content{
    width:100%;
    height:auto;
    overflow:hidden;
    border-top:1px solid #e3e3e3;
}
.part-2-content-in{
    width:100%;
    overflow:hidden;
    display:none;
}
.part-2-content-in:first-child{
    display:block;
}
.part-2-content-in .same-box{
    width:49%;
    float:left;
    border-right:1px solid #ededed;
    margin-top: 0.25rem;
}

.part-2-content-in .same-box:nth-of-type(even){
    float:right;
}
.part-2-content-in .same-box .top-info{
    width:100%;
    height:168px;
    line-height:168px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background:#f9f9f8;
}
.part-2-content-in .same-box .top-info img{
    width:80%;
    display:inherit;
    margin:0 auto;
    height: 100%;
}
.part-2-content-in .same-box .price-con{
    width:92%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    margin-top:0.25rem;
}
.part-2-content-in .same-box .bottom-box{
    background: #FFFFFF;
    overflow:hidden;
    padding-bottom:0.75rem;
}
.part-2-content-in .same-box .price-con .text1{
    font-size:12px;
    color:#999999;
    text-decoration:line-through;
}
.part-2-content-in .same-box .price-con .text2{
    color:#999999;
    font-size:12px;
}
.part-2-content-in .same-box .title{
    font-size:14px;
    color:#000000;
    width:92%;
    margin:0 auto;
    height:2rem;
    overflow:hidden;
    margin-top:0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.part-2-content-in .same-box .card-price{
    width:92%;
    margin:0 auto;
    margin-top:0.25rem;
    display:flex;
}
.part-2-content-in .same-box .card-price .text-l{
    font-size:16px;
    color:#ff0808;
    font-weight:bold;
    margin-right:auto;
}
.part-2-content-in .same-box .card-price .text-l span{
    font-size:12px;
    font-weight:normal;
}
.part-2-content-in .same-box .card-price .card-r{
    background: url("../images/shop-card-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    color:#ffffff;
    font-size:12px;
    height:1rem;
    padding-left:0.25rem;
    padding-right:0.25rem;
    text-align:center;
}
